
<template>
    <div class="main-layout layout">
        <Layout>
            <!-- <Sider ref="side" :style="{height: '100vh'}">
            </Sider> -->
            <Layout style="background-color:#e2e2e2">
                <Content :style="{margin: '12px', minHeight: '260px'}">
                    <main-view></main-view>
                </Content>
            </Layout>
        </Layout>
    </div>
</template>
<script>
/* eslint-disable */
import mainView from "@/views/main-components/MainView";

export default {
  data() {
    return {};
  },
  components: {
    mainView
  },
  computed: {
    plans() {
      return this.$store.state.planList;
    }
  },
  methods: {
    selectPlan(planId) {
      this.$store.commit("changeStarter", planId);
    }
  }
};
</script>
<style lang="scss">
.main-layout {
  .layout-header-bar {
    height: 37px;
    .h-light-menu.ivu-menu-light{
        $gray:gray;
        .ivu-menu-item-active{
            border-bottom-color: transparent;
            .ivu-menu-submenu-title{
                color:$gray;
            }
        }
    }
    &>ul.ivu-menu-horizontal{
        height:37px;
        line-height:37px;
        .ivu-select-dropdown{
            width:160px;
        }
    }
  }
}
</style>
<style lang="less" scoped>
@import "./main.less";
</style>